A basic Scatter chart
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.scatter.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="200">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
data = [[25,45],[51,23],[132,52],[166,52],[311,5],[322,42], [56,52], [10,20], [355,56], [124,52],[52,56], [53,12], [225,53], [311,25], [144,52], [133,25] ];
color = 'red';
data.forEach(function (v, k, arr)
{
arr[k].push(color);
})
new RGraph.Scatter({
id: 'cvs',
data: data,
options: {
xmax: 365,
labels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
noyaxis: true,
backgroundGridBorder: false,
backgroundGridVlines: false,
tickmarks: 'circle',
ticksize: 10
}
}).draw();
</script>